

// 引入createApp用于创建Vue应用
import { createApp } from 'vue'
// 引入根组件App.vue
import App from './App.vue'
// 引入路由器
import router from './router'
// 引入api接口
import api from './api'
import { API_BASE_URL } from '@/config.js'
// 引入ECharts
import * as echarts from 'echarts'

// 1. 引入pinia
import { createPinia } from 'pinia'
// 2. 创建pinia实例
const pinia = createPinia()

import './assets/variable.css'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'
import './assets/main.css'

// 创建Vue应用
const app = createApp(App)

// 3. 将pinia实例挂载到应用
app.use(pinia)

// 将api挂载到全局属性
app.config.globalProperties.$api = api
// 使用layui组件库
app.use(Layui)
// 使用路由器
app.use(router)
// 使用ECharts
app.config.globalProperties.$echarts = echarts



// 设置全局变量
app.config.globalProperties.$global = {
    API_BASE_URL: API_BASE_URL
}

const isDebug_mode = process.env.NODE_ENV !== 'production';
app.config.productionTip = isDebug_mode;
app.config.devtools = isDebug_mode;
app.config.productionTip = isDebug_mode;

// 挂载整个应用到app容器中
app.mount('#app')